<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Profesor</title>
</h:head>
<h:body>
	<p:toolbar>
		<p:toolbarGroup align="right">
			<p:commandButton value="salir" actionListener="#{operaciones.salir}"
				icon="ui-icon-close" />
		</p:toolbarGroup>
	</p:toolbar>
	<div align="center">
		<h:panelGrid columns="2" styleClass="fondo" style="text-align:center;">
			<h:panelGroup style="display:block; text-align:left">
				<p:graphicImage value="/img/ui/images.jpg"
					style="height: 100px; width: 210px" />
			</h:panelGroup>

			<h:panelGroup style="display:block; text-align:right">
				<p:graphicImage value="/img/ui/izq.png"
					style="height: 100px; width: 608px" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<p:panel style="width:100%;">
		<h:panelGrid columns="2" cellpadding="2" cellspacing="15"
			style="width:100%;">
			<h:form>
				<p:outputLabel
					value="#{tableBean.selectedCursoPeriodoGrupo.cursoPeriodo.curso.nombre}" />
				<br></br>
				<br></br>
				<p:outputLabel value="Profesor :  " />
				<p:outputLabel value="#{tableBean.prof.persona.nombres}" />
			</h:form>
			<h:form style="text-align:right;">

			</h:form>
		</h:panelGrid>
	</p:panel>

	<p:panel style="width:100%;">
		<p:tabView effect="fade" effectDuration="normal">

			<p:tab title="Descripcion">
				<h:panelGrid columns="2" cellpadding="10">
					<p:graphicImage value="/images/godfather/godfather1.jpg" />
					<h:outputText
						value="En matemáticas, lógica, ciencias de la computación y disciplinas relacionadas, un algoritmo (del griego y latín, dixit algorithmus y este a su vez del matemático persa Al-Juarismi1 ) es un conjunto prescrito de instrucciones o reglas bien definidas, ordenadas y finitas que permite realizar una actividad mediante pasos sucesivos que no generen dudas a quien deba realizar dicha actividad.2 Dados un estado inicial y una entrada, siguiendo los pasos sucesivos se llega a un estado final y se obtiene una solución. Los algoritmos son el objeto de estudio de la algoritmia.." />
				</h:panelGrid>
			</p:tab>
			<p:tab title="Alumnos">
				<h:panelGrid columns="2" cellpadding="10">
					<h:form id="form_a">
						<p:growl id="growlAlumn" showDetail="true" />
						<p:dataTable id="alum_table" var="alumnos"
							value="#{tableBean.alumnos}"
							selection="#{tableBean.selectedAlumno}" selectionMode="single"
							rowKey="#{alumnos.alumnoId}" sortMode="multiple">
							<p:ajax event="rowSelect"
								listener="#{tableBean.onRowSelectAlumno}"
								update=":j_idt25:form_a:displayAlum"
								oncomplete="alumDialog.show()" />
							<p:ajax event="rowUnselect"
								listener="#{tableBean.onRowUnselectAlumno}" />
							<p:column sortBy="#{alumnos.persona.apellidos}"
								headerText="Alumno">
								<h:outputText value="#{alumnos.persona.apellidos} "></h:outputText>
								<h:outputText value="#{alumnos.persona.nombres}"></h:outputText>
							</p:column>
						</p:dataTable>
						<p:dialog id="dialogAlum" header="Alumno Detalle"
							widgetVar="alumDialog" resizable="false" showEffect="fade"
							hideEffect="explode">

							<h:panelGrid id="displayAlum" columns="2" cellpadding="4">
								<h:outputText value="Codigo: " />
								<h:outputText value="#{tableBean.selectedAlumno.alumnoId}" />
								<h:outputText value="Nombre: " />
								<h:outputText
									value="#{tableBean.selectedAlumno.persona.apellidos} #{tableBean.selectedAlumno.persona.nombres}" />
								<h:outputText value="Examenes Rendidos: " />
								<h:outputText value="#{tableBean.exmTomados}" />
								<h:outputText value="Promedio: " />
								<h:outputText value="#{tableBean.promedio}" />
								
								<h:panelGrid>
									<!-- <p:lineChart id="catNote"
										value="#{chartBean.categoryModelNotas}" legendPosition="e"
										title="Notas" minY="0" maxY="30" style="height:200px;margin-top:5px" />-->
								</h:panelGrid>
							</h:panelGrid>
						</p:dialog>
					</h:form>
				</h:panelGrid>
			</p:tab>
			<p:tab title="Configurar examen">
				<h:form>
					<p:panel style="width:100%;">

						<h:panelGrid columns="2" cellpadding="2" cellspacing="15"
							style="width:100%;">
							<p:outputLabel />

							<h:panelGrid columns="2" style="text-align:right;">
								<p:button value="Eliminar Conf" disabled="true" />
								<p:commandButton value="Modificar Conf"
									actionListener="#{configurcionex.irmodificar}" />
							</h:panelGrid>
						</h:panelGrid>
					</p:panel>
					<p:panel id="panel" style="width:100%;">
						<h:panelGrid style="text-align:center;">
							<p:outputLabel value="Añadir Configuracion" />
						</h:panelGrid>
						<h:panelGrid>

							<h:panelGrid columns="3" cellpadding="2" cellspacing="15">
								<p:messages id="msgs" />
								<h:outputLabel value=" " />
								<h:outputLabel value=" " />
								<h:outputLabel value="Fecha de programacion :" />

								<p:calendar value="#{configurcionex.dateprog}" id="popupCal" />
								<h:outputLabel value=" " />

								<h:outputLabel value="Hora inicio: " />
								<p:calendar value="#{configurcionex.horainicio}" pattern="HH:mm"
									timeOnly="true" />
								<h:outputLabel value=" " />

								<h:outputLabel value="Hora fin: " />
								<p:calendar value="#{configurcionex.horafin}" pattern="HH:mm"
									timeOnly="true" />
								<h:outputLabel value=" " />

								<h:outputLabel value="Cantidad de preg: " />
								<p:inputText id="pcantidad"
									value="#{configurcionex.cantpreguntas}" required="true"
									label="cantp">

									<f:validateLength minimum="1" />
								</p:inputText>
								<p:message for="pcantidad" display="icon" />
								<h:outputLabel value="Cantidad de Preguntas por nivel " />
								<h:outputLabel value=" " />
								<h:outputLabel value=" " />
								<h:outputLabel value=" Cant facil" />
								<p:inputText id="nfacil" value="#{configurcionex.nfacil}"
									required="true" label="Nfacil">
									<f:validateLength minimum="1" />
								</p:inputText>
								<p:message for="nfacil" display="icon" />
								<h:outputLabel value=" Cant medio " />
								<p:inputText id="nmedio" value="#{configurcionex.nmedio}"
									required="true" label="Nmedio">
									<f:validateLength minimum="1" />
								</p:inputText>
								<p:message for="nmedio" display="icon" />
								<h:outputLabel value=" Cant dificil" />
								<p:inputText id="ndificil" value="#{configurcionex.ndificil}"
									required="true" label="Ndificil">
									<f:validateLength minimum="1" />
								</p:inputText>
								<p:message for="ndificil" display="icon" />
								<h:outputLabel value=" Puntaje Correcto" />
								<p:inputText id="npc" value="#{configurcionex.pcorrecto}"
									required="true" label="Npc">
									<f:validateLength minimum="1" />
								</p:inputText>
								<p:message for="npc" display="icon" />
								<h:outputLabel value=" Puntaje Incorrecto" />
								<p:inputText id="npi" value="#{configurcionex.pincorrecto}"
									required="true" label="Npi">
									<f:validateLength minimum="1" />
								</p:inputText>
								<p:message for="npi" display="icon" />

							</h:panelGrid>
							<p:commandButton value="Guardar Configuracion" update="panel"
								actionListener="#{configurcionex.save1}" />

						</h:panelGrid>
					</p:panel>
				</h:form>
			</p:tab>
			<p:tab title="Subir Preguntas">
				<h:panelGrid columns="2" cellpadding="10">
					<p:graphicImage value="/images/godfather/godfather3.jpg" />
					<h:outputText
						value="After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family.   
                    Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate."></h:outputText>
				</h:panelGrid>
			</p:tab>
			<p:tab title="Banco de Preguntas">
				<h:form id="form">
					<p:panel>
						<br></br>
						<br></br>
						<p:outputLabel value="Periodos :  " />
						<p:selectOneMenu id="curso" value="#{tableBean.periodoId}">
							<f:selectItem itemLabel="Seleccione Periodo" itemValue="" />
							<f:selectItems value="#{tableBean.periodos}" var="p"
								itemLabel="#{p.periodoNombre}" itemValue="#{p.periodoId}" />
							<p:ajax update="datatable2"
								listener="#{tableBean.handlePeriodoChange}" />
						</p:selectOneMenu>
						<br></br>
						<br></br>
						<p:growl id="growl" showDetail="true" />
						<p:dataTable id="datatable2" var="preg"
							value="#{tableBean.preguntas}" widgetVar="tablapreg"
							filteredValue="#{tableBean.preguntasFiltro}" paginator="true"
							rows="10" selection="#{tableBean.preguntaSelec}"
							selectionMode="single" rowKey="#{preg.preguntaId}">
							<p:ajax event="rowSelect" listener="#{tableBean.onRowSelect}"
								update=":j_idt25:form:display" oncomplete="pregDialog.show()" />
							<p:ajax event="rowUnselect" listener="#{tableBean.onRowUnselect}" />
							<f:facet name="header">
								<p:outputPanel>
									<h:outputText value="Pregunta: " />
									<p:inputText id="globalFilter" onkeyup="tablapreg.filter()"
										style="width:150px" />
								</p:outputPanel>
							</f:facet>
							<p:column id="pcodigo" headerText="Codigo"
								filterBy="#{preg.preguntaId}" filterMatchMode="contains"
								filterStyle="display:none">
								<h:outputText value="#{preg.preguntaId}" />
							</p:column>
							<p:column id="penunciado" headerText="Enunciado"
								filterBy="#{preg.enunciadoTexto}" filterMatchMode="contains"
								filterStyle="display:none">
								<h:outputText value="#{preg.enunciadoTexto}" />
							</p:column>
							<p:column id="ptematica" headerText="Tematica"
								filterBy="#{preg.tematica.tematicaNombre}"
								filterStyle="display:none" filterMatchMode="contains">
								<h:outputText value="#{preg.tematica.tematicaNombre}" />
							</p:column>
							<p:column id="ppropuesto" headerText="Propuesto por"
								filterBy="#{preg.profesorByPropusoDocenteId.docenteId}"
								filterStyle="display:none" filterMatchMode="contains">
								<h:outputText
									value="#{preg.profesorByPropusoDocenteId.docenteId}" />
							</p:column>
							<p:column id="paprobado" headerText="Aprobado por"
								filterBy="#{preg.profesorByCoordinadorDocenteId.docenteId}"
								filterStyle="display:none" filterMatchMode="contains">
								<h:outputText
									value="#{preg.profesorByCoordinadorDocenteId.docenteId}" />
							</p:column>
						</p:dataTable>
					</p:panel>
					<p:dialog id="dialog" header="Detalle Pregunta"
						widgetVar="pregDialog" resizable="false" showEffect="fade"
						hideEffect="explode">
						<h:panelGrid id="display" columns="2" cellpadding="4">
							<h:outputText value="Pregunta:" />
							<h:outputText value="#{tableBean.preguntaSelec.preguntaId}" />
							<h:outputText value="Curso:" />
							<h:outputText value="#{tableBean.preguntaSelec.curso.nombre}" />
							<h:outputText value="Tematica:" />
							<h:outputText
								value="#{tableBean.preguntaSelec.tematica.tematicaNombre}" />
							<h:outputText value="Enunciado:" />
							<h:outputText value="#{tableBean.preguntaSelec.enunciadoTexto}" />
							<h:outputText value="Respuesta:" />
							<h:outputText
								value="#{tableBean.preguntaSelec.respuesta.respuestaTexto}" />
							<h:outputText value="Alternativas:" />
							<p:dataList value="#{tableBean.respuestas}" var="alt"
								type="ordered" itemType="A">
							#{alt.respuestaTexto}
							</p:dataList>
							<h:outputText value="Fecha Propuesta:" />
							<h:outputText value="#{tableBean.preguntaSelec.fechaPropuesta}" />
							<h:outputText value="Fecha Aceptada:" />
							<h:outputText value="#{tableBean.preguntaSelec.fechaAceptacion}" />
							<h:outputText value="Propuesto por:" />
							<h:outputText
								value="#{tableBean.preguntaSelec.profesorByPropusoDocenteId.persona.nombres}" />
							<h:outputText value="Aprobado por:" />
							<h:outputText
								value="#{tableBean.preguntaSelec.profesorByCoordinadorDocenteId.persona.nombres}" />
						</h:panelGrid>
					</p:dialog>
				</h:form>

			</p:tab>
			<p:tab title="Estadisticas">
				<h:panelGrid columns="2" cellpadding="10">
					<p:graphicImage value="/images/godfather/godfather3.jpg" />
					<h:outputText
						value="After a break of more than 15 years, director Francis Ford Coppola and writer Mario Puzo returned to the well for this third and final story of the fictional Corleone crime family.   
                    Two decades have passed, and crime kingpin Michael Corleone, now divorced from his wife Kay has nearly succeeded in keeping his promise that his family would one day be completely legitimate."></h:outputText>
				</h:panelGrid>
			</p:tab>

		</p:tabView>
	</p:panel>

</h:body>
</html>